@import '../../../style/base.styl';
@import './animate.styl';
.container
	height 100vh
	overflow hidden
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	.title
		text-align center
		padding-top 88rpx
		padding-bottom 40rpx
		font-size 34rpx
		font-family Helvetica
		color $fontColor
	.user-info
		text-align center
		//头像
		.head-portrait
			display flex
			justify-content center
			border-radius 50%
			color rgba(255,255,255,0.4)
			.user-head
				overflow hidden
				display block
				width 120rpx
				height 120rpx
				border-radius 50%
				text-align center
				border 4rpx solid #fff
				box-shadow:0 6rpx 10rpx 0 rgba(126,132,156,0.1)
		.name
			text-align center
			font-size 34rpx
			color $fontColor
			line-height 68rpx
	.programa
		height 80vh
		background #fff
		border-radius 24rpx 24rpx 0rpx 0rpx
		margin-top 32rpx
		padding 64rpx 0rpx
		.item
			padding 0 32rpx
			display flex
			height 80rpx
			align-items center
			border-bottom 1rpx solid #dbdbdb
			font-size 34rpx
			&::after
				flex 1
				display flex
				justify-content flex-end
				content '\e654'
			&::before
				margin-right 12rpx
				color #1296db
			&.weather
				&::before
					content '\e668'
			&.about
				&::before
					content '\e728'
			&.contact
				&::before
					content '\e61e'
			&.set
				&::before
					content '\e60c'
			&.version
				&::before
					content '\e637'
	// 弹窗
	.mask
		position fixed
		left 0
		top 0
		right 0
		bottom 0
		z-index 1
		background: rgba(0, 0, 0, .6)
		.mask-box
			position fixed
			left 0
			top 0
			bottom 0
			right 0
			background: rgba(0, 0, 0, 0)
		.wrapper
			position fixed
			background: #fff
			left 0
			right 0
			top 50%
			transform translate(0, -50%)
			width 650rpx
			height 500rpx
			border-radius 32rpx
			margin auto
			.wrapper-content
				text-align center
				padding 32rpx
				image
					width 580rpx
				.contact
					font-size 34rpx
					padding 16rpx
				.btn
					width 100%
					height 98rpx
					display flex
					align-items center
					font-size 34rpx
					color #fff
					border-radius 49rpx
					justify-content center
					background $shallowThemeColor
					margin-top 70rpx
